<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>腾悦科技公司</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/news.css" />
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
    <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <script src="./js/flexible.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
  </head>
  <body>
    <!--头部-->
    <div class="header clearfix">
      <div class="container">
        <img
          src="./img/tengyue.png"
          alt=""
          class="animate__animated animate__backInLeft"
        />

        <div class="right">
          <h1 class="animate__animated animate__wobble">腾悦科技</h1>
          <p>http://sysqy.ittun.com</p>
        </div>
      </div>
    </div>

    <!-- 轮播图 -->
    <div class="banner clearfix">
      <div class="swiper banner">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./img/banner-1.webp" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./img/banner2.png" alt="" />
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>

    <!-- 导航条 -->
    <div class="nav clearfix">
      <div class="container">
        <ul>
          <li><a href="./index.html">首页</a></li>
          <li><a href="./App.html">App开发</a></li>
          <li><a href="./software.html">软件开发</a></li>
          <li><a href="./Applet.html">小程序开发</a></li>
          <li><a href="./system.html">商城系统</a></li>
          <li><a href="./About.html">关于开发</a></li>
          <li><a href="./news.html">新闻资讯</a></li>
          <li><a href="./contact.html">联系我们</a></li>
        </ul>
      </div>
    </div>

    <!-- 新闻资讯   -->
    <div class="info clearfix">
      <div class="container">
        <div class="info-top">
          <h1>新闻资讯</h1>
        </div>
        <div class="info-bottom">
          <ul>
            <li>
              <div class="info-news">
                <h2>企业网站建设的好处</h2>
                <p>
                    网站领域技术的发展趋势促使网站建设越来越更为简易，模板建站技术的更新也让许多的初学者新手可以独立地建设网站。
                    
                </p>
              </div>
               <img src="./img/新闻1.png" alt="">
            </li>
             <li>
              <div class="info-news">
                <h2>微信小程序商城比起H5网站有哪些优点</h2>
                <p>
                   随着移动互联网的快速发展，电商行业也在不断创新和演变。微信小程序商城作为电商行业的新模式，相较于传统的H5网站，具有许多独特的优点。
                    
                </p>
              </div>
               <img src="./img/新闻1.png" alt="">
            </li>
              <li>
              <div class="info-news">
                <h2>为什么越来越多的客户选择开发微信小程序？</h2>
                <p>
                   微信小程序在设计上较APP类产品具有较突出的优点就是在应用时更加方便，不需要大量流量下载，
                   可以直接在微信中浏览，一些需要注册类产品可以直接通过微信登录的方式来简介注册，非常方便。
                    
                </p>
              </div>
               <img src="./img/新闻2.png" alt="">
            </li>
          </ul>
        </div>
      </div>
    </div>


      <!-- 返回顶部 -->
    <div class="Top clearfix">
        <p>Top <i class="iconfont icon-shangjiantou"></i></p>
    </div>
     
     <!-- 底部 -->
    <div class="footers">
       <p>©2024 十堰市腾悦科技有限公司 版权所有</p>
    </div>
   
      <!-- 底部导航栏 -->
    <div class="footer clearfix">
      <div class="container">
        <ul>
          <li>
            <i class="iconfont icon-shouye"></i>
            <p><a href="./news.html" style="color: #fff">首页</a></p>
          </li>

          <li>
            <i class="iconfont icon-dianhua"></i>
            <p>电话</p>
          </li>
          <li>
            <i class="iconfont icon-goutong"></i>
            <p>微信沟通</p>
          </li>
          <li>
            <i class="iconfont icon-liuyanban-05"></i>
            <p>提交需求</p>
          </li>
        </ul>
      </div>
    </div>

    <!-- 电话弹出层 -->
    <div class="lis-top">
      <i>x</i>
      <p><strong>400 热线 : </strong> 18372690721</p>
      <p><strong>电 话 :</strong> 18372690721</p>
    </div>

    <!-- 微信沟通弹出层 -->
    <div class="wx">
      <i>x</i>
      <img src="./img/微信二维码.png" alt="" />
      <p>请使用微信扫一扫</p>
    </div>

    <!-- 提交需求弹出层 -->
     <div class="xuqiu">
         
     </div>

    <!-- 模态层黑色 -->
    <div class="motai"></div>



    <script src="./js/jquery.js"></script>
    <script src="./js/news.js"></script>
  </body>
</html>
